@import '../../assets/style/mixin';
.com-dynamic-list {
    margin-left: -10px;
    li{
        float: left;
    }
}

.c-d-firstli .c-d-l-wrap a img, .c-d-firstli .c-d-l-wrap {
    width: 600px;
    height: 386px;
}

.c-d-l-desc {
    padding: 0 0 8px;
    height: 70px;
    overflow: hidden;
    color: #fff;
    width: 100%;
//  background: url(../../../static/nxb/images/page/black-bg.png) repeat;
    position: absolute;
    left: 0;
    bottom: -47px;
    width: 100%;
}

.c-d-l-dbox {
    padding: 0 10px;
}

.c-d-l-wrap a {
    cursor: pointer;
    &:hover{
        text-decoration:none;
    }
}

.c-d-l-wrap {
    margin: 0 0 10px 10px;
}

.com-dynamic-list li img, .c-d-l-wrap {
    display: block;
    width: 290px;
    height: 188px;
    overflow: hidden;
    border-radius: 6px;
}

.c-d-desc, .c-d-desc p {
    font: 12px/20px "Microsoft YaHei";
    height: 40px;
    overflow: hidden;
}

.article-wrap {
    padding: 12px 20px;
}

.i-box .u-header-title {
    margin-top: -5px;
}

.i-article-list li {
    border-bottom: 1px dotted #ddd;
    min-height: 129px;
    padding: 20px 0 20px 220px;
    position: relative;
}

.i-article-pic {
    left: 0;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 200px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.com-title-box {
    border-bottom: 1px solid #ecf0f5;
    padding: 18px 20px 12px;
}

.ar-rank-list {
    padding: 0 20px 20px;
}

.ar-rank-list li {
    margin-top: 15px;
    overflow: hidden;
    position: relative;
}

.ar-rank-list .ar-rank-img {
    width: 90px;
    height: 51px;
    float: left;
    display: block;
    margin-right: 10px;
}

.ar-rank-list li h6 {
    margin-top: 3px;
}

.ar-rank-list li h6 a {
    max-height: 46px;
    line-height: 23px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    display: block;
}

.i-article-pic img {
    max-width: 100%;
    width: 100%;
    height: 129px;
}
.i-art-title {
    color: #333;
    font-size: 20px;
}

.i-article-list li:hover {
    background-color: #fafafa;
}

.q-a-btn a:hover, .i-art-title:hover, .ar-rank-list li h6 a:hover {
    text-decoration: none;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}

.article_title h1 {
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    text-align: center;
}

.article-contain{
    width: 50%;
    margin: 0 auto;
}
